<template>
  <div class="codeDiff"  >
    <VueCodeDiff :old-string="oldStr" :new-string="newStr" :context="10" outputFormat="side-by-side"></VueCodeDiff>
  </div>
</template>
<script>
import VueCodeDiff from 'vue-code-diff'
export default {
  components: {
    VueCodeDiff
  },
  data () {
    return {
    }
  },
  props: ['oldStr', 'newStr']
}
</script>

<style lang="less" scoped>
  .versionComparison{
    height: 671px;
    padding: 20px;
    line-height: 1;
    .codeDiff{
      width:1270px;
      height: 200px;
    }
  }
</style>
